import React from "react";
import image from "../../images/img1.jpg";
import "./index.css";
export default class Selfmessage extends React.Component {
  state = {};
  render() {
    const { message, username } = this.props;
    const {} = this.state;
    return (
      <>
        <div className="msg-container">
          <div className="text-container">
            <div>
              <div className="name">{username}</div>
              <div style={{ clear: "both" }}></div>
              <div className="message">{message}</div>
            </div>
            <img src={image} className="avart" />
          </div>
          <div className="triangle-r"></div>
        </div>
      </>
    );
  }
}
